<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class=" navbar navbar-default navbar-fixed-top" id="weaponHeaderType" th:fragment="header">
    <div class="container-fluid" >

        <div class="row">
            <div class="col-md-12 text-center" style="background-color: cornflowerblue; color: white">
                <a th:href="@{/}" style="color: white"><h3>蜗牛武器库</h3></a>
            </div>
        </div>

        <div class="row" style="margin-top: 10px;font-size: 18px">
            <div class="col-md-6">
                <!--武器类型列表-->
                <ol class="breadcrumb">
                    <li v-for="weaponType in weaponTypeList" >
                        <a v-text="weaponType.typeName" @click.prevent="weaponOfType(weaponType.id)"></a>
                    </li>
                </ol>
            </div>

            <div class="col-md-3" style="font-size: 18px">
                <form class="form-inline">
                    <div class="form-group">
                        <input type="text" name="searchName" class="form-control" id="search" placeholder="请输入搜索关键词">
                    </div>
                    <button type="submit" class="btn btn-default" >搜索</button>
                </form>
            </div>

            <div class="col-md-3" style="font-size: 18px">
                <a class="btn btn-default btn-sm" v-if="!uname" href="/login.html">登录</a>
                <a class="btn btn-default btn-sm" v-if="!uname" href="/register.html">注册</a>
                <span  v-if="uname" >欢迎您: {{uname}}</span>&nbsp;&nbsp;&nbsp;&nbsp;
                <a class="btn btn-default btn-sm" v-if="uname" href="/myCart.html">我的购物车</a>
                <a class="btn btn-default btn-sm" v-if="uname" href="">我的订单</a>
                <a class="btn btn-default btn-sm" href="" @click.prevent="toOut">退出</a>
            </div>

        </div>

    </div>

</div>
</body>
</html>